<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="./vue.global.js"></script>
  <link rel="stylesheet" href="./index.css" />
  <link rel="stylesheet" href="./table.css" />
  <link rel="stylesheet" href="./gongzi.css" />
  <script src="./index.full.js"></script>

  <script>
    //适配代码
    (function (doc, win) {
      var docEI = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientataionchange' : 'resize',
        recalc = function () {
          var clientWidth = docEI.clientWidth;
          if (!clientWidth) return;
          //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
          docEI.style.fontSize = 100 * (clientWidth / 1536) + 'px';
        }

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
  </script>
</head>

<body>
  <div id="app">
    <div class="container">
      <div class="top-content">
        <h2 class="top-title">中国水利水电第十四工程局有限公司引江补汉工程土建施工及金结机电安装8标项目经理部农民工进场须知</h2>
      </div>

      <!-- 农民工进场须知 -->
      <div class="table-content">
        <div class="people-top">
          <div style="display: flex; align-items:center;margin: 0 auto 10px auto;">
            工人编号：<el-input v-model="workForm.number" class="people-input" style="width: 2rem;"
              placeholder=" "></el-input>
          </div>
        </div>

        <div class="table-form">
          <el-form ref="dataForm" :model="workForm" label-width="118px" class="dataForm">
            <el-row>
              <el-row>
                <el-col :span="24">
                  <el-row>
                    <el-col :span="24">
                      <div class="form-item-text">
                        1、进场2日内，必须携带本人身份证原件到相应分包企业（单位）项目现场农民工管理员处报到，并准确填写《进场人员信息登记表》。若未携带本人身份证原件者，我单位将不承认其在工地施工作业。如发现有负案在逃人员，将由执法机关处理。
                      </div>
                      <div class="form-item-text">
                        2、项目部农民工管理办公室工作人员（农民工管理员）对进场民工填写的《进场人员信息登记表》进行审核并采集民工个人指纹。对拒绝或者未填报《进场人员信息登记表》的农民工拒绝招用。填报信息不准确的农民工所造成的后果由分包企业（单位）及本人承担。
                      </div>
                      <div class="form-item-text">
                        3、必须在进场作业前与分包企业（单位）签订《劳务用工合同》或提供《劳务协议书》。若发现限期内未与分包企业（单位）签订《劳务用工合同》，或未提供《劳务协议书》的，将给予清退。
                      </div>
                      <div class="form-item-text">
                        4、应积极参加项目部组织的岗前安全教育培训及技术交底，并经考核合格后方可上岗作业。上岗后自觉遵守国家法律法规及项目部规章制度并服从项目部及分包企业（单位）相关管理人员的合理生产组织安排。
                      </div>
                      <div class="form-item-text">
                        5、必须按有关规范要求正确使用劳动保护用品、用具及防护器材，精心维护和使用机械设备，保持作业环境整洁，搞好安全生产及文明生产。
                      </div>
                      <div class="form-item-text">
                        6、分包企业（单位）将每月按时对所属农民工工资造册，本人应签字确认，分包企业（单位）于每月25日前上报到项目部。
                      </div>
                      <div class="form-item-text">
                        7、项目部对农民工工资表审核无误后，统一将工资直接打到民工个人工资卡上（特殊情况下，采取现金形式发放）。发放到位后将在三天内进行告知，工资发放公示期间，需及时向项目部反馈工资到位情况。
                      </div>
                      <div class="form-item-text">
                        8、若在中途退场，必须到分包企业（单位）指定负责人办理退场手续，并填写《退场确认书》；分包企业（单位）必须农在农民工退场后2天内上报项目部；劳务人员本人需如实反馈工资发放等情况，并签字确认，否则项目部无法监督分包企业确保其本人的合法权益。
                      </div>
                    </el-col>
                  </el-row>
                  <el-row style="border-top: 1px solid;">
                    <el-col :span="12"
                      style="display: flex;align-items: center;justify-content: center;border-right: 1px solid;">
                      <div style="letter-spacing: 0.02rem;font-size: 0.18rem;">本人已认真阅读并熟知上述农民工管理要点</div>
                    </el-col>
                    <el-col :span="12">
                      <el-row style="border-bottom: 1px solid;">
                        <el-col :span="24">
                          <span style="color: red;">(签字+按手印)</span>
                          <el-input v-model="workForm.sign" class="people-input" style="width: 300px;"
                            placeholder=" "></el-input>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="24">
                          <el-input v-model="workForm.year" class="people-input" placeholder=" "></el-input> 年
                          <el-input v-model="workForm.month" class="people-input" placeholder=" "></el-input> 月
                          <el-input v-model="workForm.day" class="people-input" placeholder=" "></el-input> 日
                        </el-col>
                      </el-row>
                    </el-col>
                  </el-row>
                </el-col>
              </el-row>
            </el-row>
          </el-form>
        </div>

      </div>

    </div>
  </div>

  </div>
  <script>
    const {
      createApp,
      reactive,
      toRefs
    } = Vue;
    const vue3Composition = {
      setup() {

        const workForm = reactive({
          number: "",
          sign: "",
          year: "",
          month: "",
          day: "",
        })

        return {
          workForm,
        }
      }

    }
    const app = createApp(vue3Composition).use(ElementPlus).mount('#app');
  </script>
</body>
<style>
  * {
    /* margin: 0;
    padding: 0; */
    font-size: 0.15rem;
  }

  .top-content {
    text-align: center;
  }

  .top-img {
    display: block;
    width: 1.5rem;
    margin: auto;
  }

  .top-title {
    width: 60%;
    line-height: 0.42rem;
    font-size: 0.26rem;
    word-spacing: 10px;
    margin: 0.5rem auto 0 auto;
  }

  .top-text {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .top-input {
    width: 200px;
  }

  .top-input .el-input__wrapper {
    box-shadow: none;
    border-bottom: 1px solid #333;
    border-radius: 0;
    text-align: center;
  }

  .top-input .el-input__inner {
    text-align: center;
  }

  .top-text span {
    display: inline-block;
    font-size: 0.22rem;
    width: 1rem;
    text-align: justify;
    text-align-last: justify;
  }

  .top-company {
    font-size: 0.2rem;
    word-spacing: 10px;
  }

  .table-content {
    margin-top: 10px;
  }

  .dataForm {
    margin-top: 0;
  }

  .form-item-text {
    padding: 0.1rem 0.2rem;
    /* margin: 0.2rem 0; */
    /* text-indent: 2em;  */
    letter-spacing: 0.05rem;
    /* line-height: 0.3rem; */
    text-align: left;
  }
</style>

</html>